console.log("ok");
$(function () {
         // 第一次请求（是否登录或者是登录的那个用户）
         axios.get("http://localhost:3000/default-user")
         .then(function (data) {
             console.log("用户");
         // console.log(data.data[0].userID)
         axios.get("http://localhost:3000/user")
             .then(function (user) {
                 console.log(user.data);
                 user.data.forEach((item) => {
                     // console.log(item);
                     if (item.id == data.data[0].userID) {
                         console.log("ok");
                         $("#user").html(item.phone);
                     }
                 })
             })
             .catch();
     })
         .catch();
    // 第一次请求
    axios.get("http://localhost:3000/default-user")
    .then(function (data) {
        console.log(data.data[0].userID);
        var str="";
        // 第二次请求
        axios.get("http://localhost:3000/user/" + data.data[0].userID)
            .then(function (user) {
                if (user.data.cart == undefined || user.data.cart.length==0) { return; }
                console.log(user.data.cart);
                axios.get("http://localhost:3000/product-list")
                    .then(function (data2) {
                        console.log(data2.data);
                        user.data.cart.forEach((item) => {
                            data2.data.forEach((item2) => {
                                if (item.productID==item2.id) {
                                    console.log(item2);
                                    str += `
                                    <div class="has-data">
                                    <ul>
                                      <li>
                                        <img src=${item2.src} alt="" />
                                        <div class="middle">
                                          <p>名字:<span>${item2.title}</span></p>
                                          <p>场馆:<span>${item2.where}</span></p>
                                          <p>时间:<span>${item2.time}</span></p>
                                          <p>单价:￥<span>${item2.price}</span></p>
                                          <p>数量:<span>${item.count}</span></p>
                                        </div>
                                        <p style="margin-left: 40px">合计:￥<span>${item.count*item2.price}</span></p>
                                        <input type="button" value="-" />
                                        <input type="text" />
                                        <input type="button" value="+" />
                                        <input type="button" value="删除" />
                                        <input type="checkbox" name="" id="" />
                                      </li>
                                    </ul>
                                  </div>`;
                                }
                            })
                        })
                        $(".bottom").html(str);
                        foo();
                        boo();
                        // 减-----------------------------------------------------------------------------------------
                        $(".has-data").each(function () {
                            // console.log($(this));
                            // console.log($(this).index());
                            $(this).find("input:first").click(function () {
                                console.log("减")
                                var i = $(this).parents(".has-data").index();
                                if ($(".has-data").eq(i).find("p").eq(4).find("span").html() <= 1) {
                                    return;
                                }
                                // 修改数量
                                $(".has-data").eq(i).find("p").eq(4).find("span").html($(".has-data").eq(i).find("p").eq(4).find("span").html() - 1);
                                var k = $(".has-data").eq(i).find("p").eq(4).find("span").html();
                                // console.log(k);
                                // 修改总价
                                $(".has-data").eq(i).find("p").eq(5).find("span").html($(".has-data").eq(i).find("p").eq(3).find("span").html() * k);
                                // console.log(user.data.id);
                                // console.log(user.data.cart[i].count);
                                user.data.cart[i].count = $(".has-data").eq(i).find("p").eq(4).find("span").html();
                                // console.log(user.data.cart[i].count);
                                // console.log(user.data.cart);
                                // 修改数据库
                                foo();
                                axios.put("http://localhost:3000/user/" + user.data.id,user.data)
                                    .then(function (a) {
                                        console.log(a.data);
                                    })
                                .catch();
                                
                              
                            })
                        })
                        //增-----------------------------------------------------------------------------------------------
                        $(".has-data").each(function () {
                            // console.log($(this));
                            // console.log($(this).index());
                            $(this).find("input").eq(2).click(function () {
                                
                                // console.log($(this).parents(".has-data").index());
                                var i = $(this).parents(".has-data").index();
                                // 修改数量
                                 $(".has-data").eq(i).find("p").eq(4).find("span").html($(".has-data").eq(i).find("p").eq(4).find("span").html() - 0 + 1);
                                var s = $(".has-data").eq(i).find("p").eq(4).find("span").html();
                                // console.log(s);
                                // 修改总价
                                $(".has-data").eq(i).find("p").eq(5).find("span").html($(".has-data").eq(i).find("p").eq(3).find("span").html() * s);
                                // 修改数据库
                                foo();
                                
                                user.data.cart[i].count = $(".has-data").eq(i).find("p").eq(4).find("span").html();
                                axios.put("http://localhost:3000/user/" + user.data.id,user.data)
                                    .then(function (a) {
                                        console.log(a.data);
                                    })
                                .catch();
                              
                            })
                        })
                        // 改-------------------------------------------------------------------------------------------
                        $(".has-data").each(function () {
                            // console.log($(this));
                            // console.log($(this).index());
                            $(this).find("input").eq(1).blur(function () {
                                if ($(this).val() == "") { return;}
                                // console.log($(this).parents(".has-data").index());
                                var i = $(this).parents(".has-data").index();
                                // 修改数量
                                 $(".has-data").eq(i).find("p").eq(4).find("span").html($(this).val());
                                var s = $(".has-data").eq(i).find("p").eq(4).find("span").html();
                                // console.log(s);
                                // 修改总价
                                $(".has-data").eq(i).find("p").eq(5).find("span").html($(".has-data").eq(i).find("p").eq(3).find("span").html() * s);
                                // 修改数据库
                                foo();
                                user.data.cart[i].count = $(".has-data").eq(i).find("p").eq(4).find("span").html();
                                axios.put("http://localhost:3000/user/" + user.data.id,user.data)
                                    .then(function (a) {
                                        console.log(a.data);
                                    })
                                    .catch();
                                $(this).val("");
                              
                            })
                        })
                        // 删------------------------------------------------------------------------------------------------------
                        $(".has-data").each(function () {
                            $(this).find("input").eq(3).click(function () {
                                var i = $(this).parents(".has-data").index();
                                $(this).parents(".has-data").remove();
                                console.log($(".has-data"))
                                if ($(".has-data").length == 0) {
                                    var str1 = `
                                    <div class="no-data">
                                    <img src="img/cart.png" alt="" />
                                    <p>您还没有订单哦~</p>
                                    </div>`;
                                    $(".bottom").html(str1);
                                }
                                foo();
                                user.data.cart.splice(i, 1);
                                axios.put("http://localhost:3000/user/" + user.data.id,user.data)
                                    .then(function (a) {
                                        console.log(a.data);
                                    })
                                .catch();
                              
                            })
                        })
                    })
                    .catch();
            })
            .catch();
    })
    .catch();
})
// 总价

function foo() {
    var drr = [];
    var ii=0;
    $(".has-data").each(function () {
    // console.log("ok");
        if ($(this).find("input[type='checkbox']").prop("checked")) {
            ii += $(this).find("p").eq(5).find("span").html() - 0;
            $(".total p span").html(ii);
        } else {
            drr.push($(this).index());
        }
    })
    console.log(drr);
    if (drr.length == $(".has-data").length) {
        $(".total p span").html("0");
    }
    drr = [];
}
// 复选框
function boo() {
    $(".total input").eq(0).click(function () {
        if ($(this).prop("checked")) {
            console.log("ok");
            $(".has-data").each(function () {
                $(this).find("input[type='checkbox']").prop("checked", true);
            })
        } else {
            console.log("ok");
            $(".has-data").each(function () {
                $(this).find("input[type='checkbox']").attr("checked", false);
            })
        }
        foo();
    })
   
    var crr = [];
    $(".has-data").each(function () {
        $(this).find("input[type='checkbox']").click(function () {
            // console.log($(this).prop("checked"));
            $(".has-data").each(function () {
                if (!$(this).find("input[type='checkbox']").prop("checked")) {
                    console.log("全选失败");
                    $(".total input").eq(0).prop("checked", false);
                    
                } else {
                    crr.push($(this).index());
                }
            })
            console.log(crr);
            if (crr.length== $(".has-data").length) {
                $(".total input").eq(0).prop("checked", true);
            }
            crr = [];
            foo();
        })
    })
}

